<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 向列表组添加自定义内容</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="list-group">
        <a href="#" class="list-group-item active">
            <h4 class="list-group-item active">
                入门网站包
            </h4>
        </a>
        <a href="#" class="list-group-item">
            <h4 class="list-group-item-heading">
                免费域名注册
            </h4>
            <p class="list-group-item-text"> 
                您将通过网页惊醒免费域名注册
            </p>
        </a>
        <a href="#" class="list-group-item">
                <h4 class="list-group-item-heading">
                    24*7 支持
                </h4>
                <p class="list-group-item-text">
                    我们提供 24*7 支持。
                </p>
            </a>
    </div>
    <div class="list-group">
        <a href="#" class="list-group-item">
            <h4 class="list-group-item-heading">
                24*7支持
            </h4>
            <p class="list-group-item-text">
                我们提供24*7zhichi 
            </p>
        </a>
    </div>
    <div class="list-group">
        <a href="#" class="list-group-item active"> <h4>商务网站包</h4></a>
        <a href="#" class="list-group-item"><h4>免费域名注册</h4><p>您将通过网页进行免费域名注册。</p></a>
        <a href="#" class="list-group-item"><h4>免费域名注册<p>提供支持</p></h4></a>
    </div>

</body>
</html>